
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>${webConfig.name}</title>
<meta name="keywords" content="${webConfig.seoKeyword}">
<meta name="description" content="${webConfig.description}"/>
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/base.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/channel.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/animate.min.css" />
</head>
<body>
<!--导航开始-->
<div class="xyg-menu">
	<div id="menu_hover_bg" style="height: 0px; overflow: hidden;"></div>
	<div class="w1200">
		<div class="logo">
			<a href="${s.base}/web/pc/index"><img src="${webConfig.coverImage}" /></a>
		</div>
		<div class="menu">
			<ul>
				<#list webNavigationList as webNavigation>
					<li>
						<#if webNavigation.navIconType == "2">
							<#if webNavigation.url?index_of("?")!=-1>
								<h2 class="mr40"><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
								<#else>
									<h2 class="mr40"><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
							</#if>

							<#else>
								<#if webNavigation.url?index_of("?")!=-1>
									<h2><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></h2>
									<#else>
										<h2><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></h2>
								</#if>
						</#if>
					</li>
				</#list>
			</ul>
		</div>
		<div class="login">
			<a href="${s.base}/web/pc/login">登陆</a>
			<a href="javascript:alert('暂不提供对外注册！')">免费注册</a>
		</div>
	</div>
</div>
<!--导航结束-->
<!--轮播开始-->
<div class="xyg-banner swiper-banner swiper-container">
	<div class="swiper-wrapper">
		<#list webBannerList as webBanner >
			<a href="${webBanner.description!'javascript:void(0)'}" class="swiper-slide">
				<img src="${webBanner.image}" style="width: 100%; height: auto;">
			</a>
		</#list>
	</div>
	<div class="swiper-pagination swiper-pagination-white"></div>
</div>
<!--轮播结束-->
<!--目录导航开始-->
<div class="newlj inter"><img src="${s.base}/pc/images/new.png" /> 您当前位置：
	<#list currentNavList as currentNav>
		<#if currentNav_index != 0>
			&nbsp;<svg class="icon" aria-hidden="true"><use xlink:href="#iconxiangyou"></use></svg>
		</#if>
		<span>${currentNav.name}</span>
	</#list>
</div>
<!--目录导航结束-->
<!--渠道模板开始-->
<div class="xyg-channel">
	<div class="title">博创代理商的优势</div>
	<div class="subtitle">多种代理模式，抓住差异化的商业机遇</div>
	<!--内容-->
	<div class="content">
		<ul id="xygShow">
		</ul>			
	</div>
</div>
<!--渠道模板结束-->
<!--合作开始-->
<div class="xyg-cooperate">
	<div class="title">合作加盟</div>
	<div class="subtitle">更多合作细节，咨询我们的渠道经理</div>
    <div class="content">
        <div class="content-left">
			<#list webAreaLeaderList as webAreaLeader>

        	<div class="content-left-item" >
				<div class="content-left-item-title">
					${webAreaLeader.name}
				</div>
           		<div class="content-left-item-phone">
					联系电话:<span>${webAreaLeader.phone}</span>
				</div>
          		<div class="content-left-item-line"></div>
           		<div class="content-left-item-area">
					负责区域:
				</div>
           		<div class="content-left-item-content">
					${webAreaLeader.area}
				</div>
           		<div class="content-left-item-btn">
					立即预约
				</div>
            </div>
			</#list>
        </div>
        <div class="content-right">
			<form class="layui-form">
        	<div class="content-right-content">
        		<div class="content-right-content-title">
        			公司名称<span style="color: #f00;">*</span>
        		</div>
        		<div  class="content-right-content-content">
        			<input type="text" maxlength="50"  id="company"/>
        		</div>
        		<div class="content-right-content-title">
        			姓名<span style="color: #f00;">*</span>
        		</div>
        		<div  class="content-right-content-content">
        			<input type="text" maxlength="20" id="name"/>
        		</div>
        		<div class="content-right-content-title">
        			手机号<span style="color: #f00;">*</span>
        		</div>
        		<div  class="content-right-content-content">
        			<input type="text" maxlength="12"  id="phone"/>
        		</div>
        		<div class="content-right-content-title">
        			邮箱
        		</div>
        		<div  class="content-right-content-content">
        			<input type="text" maxlength="30" id="email"/>
        		</div>
        		<div class="content-right-content-title">
        			 备注
        		</div>
        		<div  class="content-right-content-content">
        			<textarea  id="remark"></textarea>
        		</div>
        		<div class="xyg-btn" id="submit">
					立即提交
				</div>
        	</div>
			</form>
        </div>

    </div>
    
</div>
<!--合作结束-->
<!--底部开始-->
<div class="xyg-bottom">
	<div class="register">
		<h2 class="title">
			现在注册，立享价值上万元的新人专属礼包
		</h2>
		<p class="desc">
			运营交流大会门票&运营宝典
		</p>
		<a href="${s.base}/pc/#" class="btn">
			注册有礼
		</a>
	</div>
	<!--尾部-->
	<div class="site-footer">
		<div class="footer-related">
			<div class="footer-article w1210">
				<#list webLinkerList as webCol>
					<#if webCol.colExtendType=="1">
						<dl class="col-article">
							<dt>
								${ webCol.name}
							</dt>
							<dd>
								<#list webCol.webLinkerList as webLinker>
									<a href="${ webLinker.url}">
										${ webLinker.name}
									</a>
								</#list>
							</dd>
						</dl>
					</#if>
				</#list>


				<dl class="col-article col-article-spe">
					<dt>
						联系我们
					</dt>
					<dd>
						<p>
							邮箱: ${webConfig.email}
						</p>
						<p>
							QQ: ${webConfig.qq}
						</p>
						<p>
							电话: ${webConfig.telephone}
						</p>
					</dd>
				</dl>
				<div class="col-code fl">
					<div class="code">
						<img src="${webConfig.wechat}" alt="微信公众号">
					</div>
					<p>
						官方微信公众号
					</p>
				</div>
			</div>
			<div class="footer-links">
        <span>
          友情链接：
        </span>
				<!-- 友情链接循环开始 -->
				<#list webLinkerList as webCol>
					<#if webCol.colExtendType=="3">
						<#list webCol.webLinkerList as webLinker>
							<a href="${ webLinker.url}">
								${ webLinker.name}
							</a>
						</#list>
					</#if>
				</#list>
				<!-- 友情链接循环结束 -->
			</div>
			<div class="footer-info w1210">
				<div class="info-text">
					<!-- 底部导航 -->
					<p class="nav-bottom">
						<#list webLinkerList as webCol>
							<#if webCol.colExtendType=="4">
								<#list webCol.webLinkerList as webLinker>
									<#if webLinker_index != 0>
										<em>
											|
										</em>
									</#if>
									<a href="${ webLinker.url}">
										${ webLinker.name}
									</a>

								</#list>
							</#if>
						</#list>
					</p>
					<p class="copyright">
						${webConfig.copyright}
						<em>
						</em>
						<a href="javascript:void(0)" rel="nofollow">
							${webConfig.siteNumber}
						</a>
					</p>
					<p class="company-info">
						${webConfig.address}
					</p>
					<p class="qualified">
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
<!--底部结束-->
<script src="${s.base}/pc/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery.num.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/fonts/iconfont.js" type="text/javascript" charset="utf-8" ></script>
<script src="${s.base}/pc/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${s.base}/js/webApi.js"></script>
<script type="text/javascript">
    var navId='${navId}';
    var productColFlag='${productColFlag}';
    var newsColFlag='${newsColFlag}';
    $(document).ready(function(e) {
        //代理优势
        acceptXygImagesListByColFlag(1,"tj_dlys",8,function(data){
            $("#xygShow").html("");
            if (data != null && data.length > 0) {
                var num=0;
                data.forEach(function (item,key,mapObj) {
                    var str='';
                    if(num<3){
                        str='<li class="border_r_b">';
					}else if(num==3){
                        str='<li class="border_b">';
					}else if(num>3&&num<7){
                        str='<li class="border_r">';
                    }else{
                        str='<li>';
                    }
                    str+='<div class="img"><img src="'+item.thumImage+'"/></div>'+
                        '<div class="head_title">'+item.name+'</div>'+
                        '<div class="head_desc">'+item.description+'</div></li>';
					 $("#xygShow").append(str);
					 num++;
                });
                $("#xygShow").append(' <div style="clear:both;"></div>');
            }
        });

        $("#submit").bind("click",function () {
			var company=$("#company").val();
			if(company==null||company==""){
                alert("请输入公司名称");
                return false;
			}
            var name=$("#name").val();
            if(name==null||name==""){
                alert("请输入姓名");
                return false;
            }
            var phone=$("#phone").val();
            if(phone==null||phone==""){
                alert("请输入手机号");
                return false;
            }
            var email=$("#email").val();
            var remark=$("#remark").val();
            $.fn.postMethod("1","/web/pc/webCooperaterSave",{'company':company,'name':name,'phone':phone,'email':email,'remark':remark},function (data) {
                //操作成功
                alert("您已经提交成功，我们会尽快联系您");
                $("#company").val("");
                $("#name").val("");
                $("#phone").val("");
                $("#email").val("");
                $("#remark").val("");
            });
        });
    });
</script>
</body>

</html>